<template>
	<div id="subhome-hot-swiper">
		<div class="swiper-containe" style="width: 100%;height:2.6rem;">
		  <div class="swiper-wrapper">
		    <div class="swiper-slide" v-for="(val,key) in imgArrays" :id="val.id">
                <img :src="val.thumb" @click="goAnyWhere(val.url)">
			</div>
		  </div>
		  <div class="swiper-pagination swiper-pagination-p1" style="bottom: 5px;left: 40%;width: 100%;height: .3rem;display: inline-flex;"></div>
		</div>
	</div>
</template>

<script>
	
	import config from "../../config/config.js";
	export default{
		data(){
			return {
                imgArrays:[],
			}
		},
		props:{
            imgArrays:[]
		},
		methods:{
            goAnyWhere(url){
                this.$router.push(url)
			}
		},
		mounted(){

            setTimeout(()=>{
                this.mySwiper = new Swiper('.swiper-containe', {
                    autoplay: 5000,//可选选项，自动滑动
                    pagination : '.swiper-pagination-p1',
                    loop:true,
                    autoplayDisableOnInteraction : false,
                    observer:true,
                    observeParents:true,
                    notNextTick: true,
                    grabCursor: true,
                    setWrapperSize: true,
                    paginationClickable: true,//焦点控制
                    mousewheelControl: true,

                })
            },500)
        }
	}
</script>

<style>
</style>